<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<script type="text/javascript" src="js/ope/mvMateriales.jsp.js"></script>

<div class="span8">

	<div class="widget ">

		<div class="widget-header">
			<i class="icon-user"></i>
			<h3>Bandeja Materiales</h3>
		</div>
		<!-- /widget-header -->

		<div class="widget-content">

			<div class="tabbable">
				<ul class="nav nav-tabs">
					<li class="active" id="tab1"><a href="index.html#profile"
						data-toggle="tab">Listado Materiales</a></li>
					<li id="tab2"><a href="index.html#settings" data-toggle="tab"
						id="tabAccion">Crear</a></li>
				</ul>

				<br>

				<div class="tab-content">
					<div class="tab-pane active" id="profile">


						<div class="widget widget-table action-table">


							<div>
								<table class="table table-striped table-bordered">
									<tr>
										<th colspan="3">Opciones de Busqueda</th>
									</tr>
									<tr>
										<td width="100%">Nombre: <input type="text"
											id="tx_buscarnom" name='tx_buscarnom' />
										</td>

										<td width="100%">Estado: <select id="ddlEstado"
											name="ddlEstado">
												<option value="2">Todos</option>
												<option value="1">Activo</option>
												<option value="0">Inactivo</option>
										</select>
										</td>
										<td><input type="button" value="Buscar"
											class="btn btn-primary" onclick="fn_buscarMateriales()">
										</td>
									</tr>

								</table>

							</div>
							<div class="widget-content" id="list">
								<%@include file="mvMaterialesLista.jsp"%>
							</div>
							<!-- /widget-content -->

						</div>
						<!-- /widget -->
					</div>

					<div class="tab-pane" id="settings">
						<%@include file="mvMaterialesForm.jsp"%>
					</div>
				</div>
			</div>
		</div>
		<!-- /widget-content -->

	</div>
	<!-- /widget -->

</div>
<!-- /span8 -->

<div class="span4">
	<div class="widget widget-box">
		<div class="widget-header">
			<h3>Considerar los siguientes puntos</h3>
		</div>
		<!-- /widget-header -->
		<div class="widget-content">
			<p>Todos los datos son necesarios.</p>

			<p></p>

		</div>
		<!-- /widget-content -->

	</div>
	<!-- /widget-box -->

</div>
<!-- /span4 -->

<!-- Modal  -->

<div class="modal hide fade" id="div_PopUp">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal"
			aria-hidden="true">x</button>
		<h3>Detalle de Materiales</h3>
	</div>
	<div class="modal-body" id="divDetalle"></div>
	<!-- >div class="modal-footer">
    <a href="#" class="btn">Close</a>
    <a href="#" class="btn btn-primary">Guardar Cambios</a>
  </div-->
</div>


